<template>
  <div class="tab-header">
    <div class="tab-text">
      <slot name="text" />
    </div>
    <slot name="right" />
  </div>
</template>

<style lang="less" scoped>
.tab-header {
  display: flex;
  padding: 10px;
  justify-items: center;
  & > i {
    padding: 8px;
    cursor: pointer;
  }
}
.tab-text {
  font-size: 16px;
  font-weight: 600;
  flex-grow: 1;
}
</style>>
